/* YAHOO RESET =========================================== */
	html {color:#000;background:#FFF;}
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
	fieldset,img {border:0;}
	address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
	li{list-style:none;}
	caption,th{text-align:left;}
	h1,h2,h3,h4,h5,h6{font: normal 100%/1.25 helvetica,arial,clean,sans-serif;  }
	q:before,q:after{content:'';}
	abbr,acronym{border:0;font-variant:normal;}
	sup{vertical-align:text-top;}
	sub{vertical-align:text-bottom;}
	input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
	input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/* YAHOO FONTS =========================================== */
	body { font:13px/18px helvetica,arial,clean,sans-serif;*font-size:small;*font:x-small;color:#434343;background:url('/images/f/backgrounds/new_back.png') repeat; }
	select, input, button, textarea { font:99% arial,helvetica,clean,sans-serif; }
	table { font-size:inherit; font:100%; }
	pre, code, kbd, samp, tt { font-family:monospace;*font-size:100%; }

/* =CSS TYPOGRAPHY =====================================================*/
	i { font-style:italic; }
	em { font-style:italic;}
	strong { font-weight:bold;}

	img { vertical-align:middle;}
	
	hr { background:none; color:none; height:18px; margin:0; border:1px solid black; padding:0;}
	
	h1 { font-size:197%; color:#000; font-weight:bold; line-height:36px; }
	h2 { font: italic normal 123.1%/18px "Trebuchet MS"; color:black; }
	h3 { font-size:167%;   }
	h4 { font-size:123.1; }
	h5 { font-size:100%; }
	h6 { font-size:77% }
	
	ul, ol { font-size:100%; margin-left:2em; }
	ul li { background:url('/images/f/bullets/pixels/diamond.png') no-repeat 0 0.7em; padding-left:1em; }

	ol li { background:none; list-style-type:decimal; }
	
	dl { line-height:18px;}
	dt { font-weight:bold; }
	dd { margin-left:1em;padding-bottom:18px; }
	
	a:link { color: #29A4BD; }	
	a:visited { color:#006A8C; }
	
	.posted_in { font: 77% "Arial Black"; letter-spacing:0.2em; color: #29A4BD; text-decoration: none; line-height:36px;  }
	#comments_header { height:36px; }
	.posted_ago { font: normal 77% "Verdana"; color: #878787; letter-spacing:0.2em; line-height:36px;  }
	.amp { font: italic normal 120% "Georgia"; color:#434343; }	

	.padded { padding:5px;}
	
	#page_container { width: 994px; margin:	0 auto; padding-left:10px; padding-right:10px; background-color:white;}
	
/* TABLES =================================== */
	table {width:100%; border-collapse:collapse;}	

/* PAGE FURNITURE ==================================== */
	.spiro { background: url("/images/f/branding/spirosmall.png") center no-repeat; width: 100%; height:54px; padding:0; }

/* =CSS WELCOME =====================================================*/
	#welcome { clear:both;}
	#welcome h2 { font-weight:bold; font-family:Arial, Helvetica; font-size:131%; font-style:normal;}
	#first_half { margin-top:9px;width:326px;float:left;}		
	#second_half { margin-top:9px;width:648px; float:right; }	
	#welcome #category_list { margin-left:0; margin-top:9px;}
	#welcome a { text-decoration:none;color:#000;}
		#welcome a:hover { text-decoration:underline; }
		#welcome .posted_in a,	#welcome #category_list a { color: #29A4BD; }
		
	.mini_column, .mini_column_clear { width:150px; padding-right:10px; float:left; }
	.mini_column_clear { clear:both;}

	#logo_table { text-align:center;}
	#logo_table td { padding:10px;}

/* =CSS CONTENT ======================*/
	#left_column {	width: 163px; float: left; }
	#right_column {	width: 811px; float: right;	}
		#right_column h2 { font: italic 123.1%/18px "Trebuchet MS"; color:black; margin-top:9px; margin-bottom:9px; }		
		
	#article ul, #article p { margin-bottom:18px;}	
	
	#article h2, #article h1 { font: bold italic 135.8%/17px "Georgia"; color:black; text-align:center; border-bottom:1px dashed black; margin:0; margin-bottom:18px; padding:0;}	
	#article h3 { font: bold italic 123.1%/18px "Trebuchet MS"; color:black; margin-bottom:18px;}
	#article h4, #article h5 { font: bold 100%/18px "Trebuchet MS"; color:black; }
	#article h6 { font: bold italic 100%/17px "Trebuchet MS"; color:black;text-align:center; border-bottom:1px solid black;}
	
	#article table {margin-bottom:18px;padding:0; line-height:18px;}
		#article td {border-left: 1px solid black; border-right:1px solid black; border-bottom:1px solid black; padding-bottom:9px; padding-top:8px; border-top: 1px solid black; padding-left:10px; padding-right:10px;}
		#article th { font: bold italic 100%/18px "Trebuchet MS", serif; color: black; text-align:center; padding-bottom:9px; padding-top:8px; }
		#article tr td:first-child code{ color: #29A4BD;}
	
	#article .footnotes h1 { font: bold 138%/18px helvetica,arial,clean,sans-serif; color:black; border-bottom:1px solid black; text-align:left; padding-bottom:17px;}
	.maruku_toc li { background:none;}
	.footnotes ol { font-weight: bold; color:black;}
	.footnotes ol p:first-child { font-weight:bold; color:black; }
	.footnotes a { font-weight:normal; }
	#article .footnotes ol li { margin-top:18px;}
	.footnotes ol p { font-weight:normal; color: #434343;}
	
	#blurb { border: 1px dashed #878787; padding:0 7px 0px 7px; }
	#blurb h2 { font: italic 1.5em "Georgia"; }	
	#blurb h4 {	font: normal 0.76em/1.8em "Verdana"; color: #29A4BD; margin: 0.6em 0 0.8em; letter-spacing:0.2em; }	
	#blurb p { font: italic 1.2em "Trebuchet MS"; }

/* =CATEGORY PAGES ========================= */
#article_links { width:100%;}
	#article_links h2 a { text-decoration:none; color:black;}
	#article_links h2 { font-family: Arial; font-weight:bold; font-style:normal;}
	#article_links h2 a:hover { text-decoration:underline; }
	#article_links td { width:38%; padding-bottom:17px; border-bottom: 1px dashed #999; vertical-align:top; }
	#article_links td.icons { width:24%; vertical-align:middle; }
		#article_links td.icons p {text-align:center; margin-top:9px; margin-bottom:9px; }
		#category_list { margin-top:18px;}
	#category_list li { background:url('/images/f/bullets/pixels/diamond.png') no-repeat 0 0.5em; padding-bottom:18px;padding-left:1em; line-height:18px; vertical-align:middle}
	#category_list li a { text-decoration:underline;}

/* =CSS COMMENTS ==================================== */
#comments { line-height:18px;}
	#comments h1 { line-height:54px; }
	#comments h6 { font:bold 116%/18px Arial; color:black; margin-bottom:18px; margin-top:18px;}
	
	.comment_form { border-top:1px solid black; margin-top:17px;}
	
	.root_comment { border-top: 1px solid black;  clear:both; margin-top:17px; }
	.single_comment { border-top: 1px dashed black; margin-left:30px;  margin-top:17px;}
	.reply_comment { width:100%; text-align:center; clear:both; }
	.comments_left { float:right; width:19%;}

	.comments_right { width:80%; }
	#comments .email { font-weight:bold; }
	
/* =CSS HEADER ==================================== */
	#top_container 	{ width:100%; height:107px; border-bottom:1px dotted #B2B1B1;}
		#logo			{ padding-top:7px; text-align:left; width:320px; height:90px; margin: 0 auto; float:left; }
		#right_of_logo { text-align:right; width:510px; height:105px; float:left; }
		
/* =CSS NAVIGATION ======================*/
	#navigation { height: 53px;	border-bottom: 1px dotted #B2B1B1;}
	.nav_button { width: 165px; float: left; font: 85% "Helvetica", Arial, serif; color:#000;}
	.nav_button a { color:#B3DFE8;}
	.nav_button a:hover { color:#29A4BD;}
	#breadcrumbs { padding-top:9px; padding-bottom:9px; height:36px; }
	#breadcrumbs a { font: normal 85%/18px Helvetica, Arial; }
	.destination { font: bold italic 123.1% Georgia; color:#000;}
	#category_list { margin-left:0;}
		#rss_feed { padding-top:18px; width: 165px; float: left; }
	#rss_feed p a {  color: #29A4BD; font: bold 108%/18px Arial; }
/* =CSS FOOTER ==================================== */
	#footer {  clear:both; border-top: 1px dashed #B2B1B1; height:90px; }
		#footer_man { float:left; width:50%;}
		#footer_spiral {}
	
/* =CSS FORMS ==================================== */
	input { line-height:18px; height:18px; border:1px solid black; padding:0; }
		input.submit { width: 136px; height:34px; margin: 0 auto; background:url('/images/f/buttons/submit2.png') no-repeat; outline: none; padding:0; border:0; }
		input.submit:hover { background: url('/images/f/buttons/submit2.png') no-repeat 0 -34px; padding:0; border:0; }
	label {font: bold 108%/18px Helvetica, Arial; display:block; margin-top:18px; color: black; }	
	textarea { width:100%; font: normal 100%/18px monospace; border:1px solid black; height:162px;}
	
	#contact_form { padding:3px; border:1px dashed black; margin-bottom:9px; color:black;}
	#contact_form td { padding-top:10px; border-bottom:1px solid black; padding-bottom:5px;}
	#contact_form td:first-child { text-align:left; vertical-align:top;}
	#contact_form td label { margin-top: 0px; }
	
	#contact_inside { border:1px solid black; padding:5px;}
	#close_window { float:right; height:36px;}
	
/* ERRORS==================================== */
	#errorExplanation h2 { color:black; font-weight:bold; margin-top:9px;margin-bottom:9px; padding:0;}
	#errorExplanation p {  margin-bottom:9px;}
	#errorExplanation ul li { color: #29A4BD; font-weight:bold; }
	.fieldWithErrors input, .fieldWithErrors textarea {  border:2px solid #29A4BD; }
	.fieldWithErrors label {  color:#29A4BD; }
	.formError { color:#29A4BD;}

	input:hover, input:focus, textarea:hover, textarea:focus { background-color: #D1ECF9; }
	
/* =CSS FRONTEND PORTFOLIO ==================================== */
	#column1 { float:left; width: 25%; }
	#logos { float:right; width: 75% }
	#portfolio_header { padding-top:0px; padding-bottom:18px;}
	#portfolio_list { padding-top:18px; padding-bottom:18px; line-height:36px;}
	.portfolio_table h2 { font-weight:bold; font-family:Arial, Helvetica; font-size:108%; font-style:normal;}
	table.portfolio_table {	border: 1px dotted #000; }
	table.portfolio_table td { vertical-align: middle; text-align:center; border: 1px dotted #000; }
	